<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<title>太工教育</title>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/rem.js"></script>
		<link rel="stylesheet" href="css/reset.css">
	</head>
	<body>
		<!-- 头部 -->
		<div id="header"></div>
		<!-- banner图 -->
		<div class="banner">
			<img src="./img/banner7.png">
		</div>
		<div class="feed">
			<p class="title">意见反馈</p>
			<div class="textarea">
				<textarea  value="" placeholder="在太工购买或学习中遇到的问题可跟我们在线反馈......"></textarea>
			</div>
			<div class="buts">
				<p>确认提交</p>
			</div>
		</div>

		<!-- 底部 -->
		<div id="footer"></div>

		<!-- 右侧悬浮 -->
		<div id="suspension"></div>
	</body>

	
	
	<style>
		.banner {
			width: 100%;
			position: relative;
		}

		.banner img {
			width: 100%;
		}

		.feed {
			margin: 0 2.52rem;
			margin-top: 0.8rem;
		}
		.title{
			font-size: 0.24rem;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #333333;
			line-height: 0.24rem;
			margin-bottom: 0.47rem;
			text-align: center;
		}
		.textarea{
			width: 9rem;
			height: 3rem;
			border: 0.01rem solid #eee;
			margin: auto;
			padding: 0.3rem;
			margin-bottom: 0.6rem;
		}
		textarea{
			width: 100%;
			height: 100%;
			border: none;
			background: none;
			font-size: 0.16rem;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #999999;
			line-height: 0.24rem;
			outline: none;/*边线不显示*/
			resize: none;/*禁止拉伸*/
			letter-spacing: 0.01rem;
		}
		.buts{
			width: 1.8rem;
			height: 0.6rem;
			background: #30337A;
			margin: 0 auto 1.66rem;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
		}
		.buts p{
			font-size: 0.16rem;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 0.16rem;
		}
		
	</style>

</html>
